<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
 
      >
    <h:head >
        <title>Login</title>
    </h:head>
    <h:body>
        <h:form id="loginForm">
 
           
            <p:growl id="msg" showDetail="true" life="3000" />
           <p:dialog header="Login" id="dialog" minWidth="400"
            width="400" modal="true" closable="false" position="center"
            showEffect="slide" draggable="true" resizable="false" visible="true">
 
                <h:panelGrid id="loginPanel" columns="2">
 
                    <h:outputText value="Username" />
 
                    <p:inputText id="username" value="#{loginBean.uname}" ></p:inputText>
 
                    <p:spacer></p:spacer>
 
                    <p:message for="username" ></p:message>
 
                    <h:outputText value="Password" />
 
                    <p:password id="password" value="#{loginBean.password}"  feedback="false"></p:password>
 
                    <p:spacer></p:spacer>
 
                    <p:message for="password"></p:message>
 
                    <p:spacer></p:spacer>
 
                    <p:commandButton action="#{loginBean.loginProject}" value="Login" update="loginForm" ajax="true"></p:commandButton>
 
                </h:panelGrid>
 
            </p:dialog>
 
        </h:form>
 
    </h:body> 
 
</html>